  <div class="page-sidebar" id="main-menu"> 
  <!-- BEGIN MINI-PROFILE -->
   <div class="user-info-wrapper">	
    <div class="user-info">
      <div class="greeting">Welcome</div>
      <div class="username">Admin</div>
    </div>
   </div>
   
   <!-- BEGIN SIDEBAR MENU -->	
    <ul>	
      <li class="start"> <a href="/"> <i class="icon-th-large"></i> <span class="title">Dashboard</span> <span class="selected"></span></a> </li>
	  <li class="<?php print ($current_page=='view'?'active':'')?>"> <a href="/gas/view"> <i class="icon-bar-chart"></i> <span class="title">View Data</span></a> </li>      
      <li class="<?php print ($current_page=='fetch'?'active':'')?>"> <a href="/gas/fetch"> <i class="icon-cloud-download"></i> <span class="title">Fetch Data</span></a> </li>
<!--       <li class=""> <a href="javascript:;"> <i class="icon-custom-ui"></i> <span class="title">UI Elements</span> <span class="arrow "></span> </a> -->
<!--         <ul class="sub-menu"> -->
<!-- 		  <li > <a href="typography.html"> Typography </a> </li> -->
<!-- 		  <li > <a href="messages_notifications.html"> Messages & Notifications </a> </li> -->
<!-- 		   <li > <a href="icons.html">Icons</a> </li> -->
<!-- 		   <li > <a href="buttons.html">Buttons</a> </li>		  -->
<!--           <li > <a href="tabs_accordian.html"> Tabs & Accordions </a> </li> -->
<!--           <li > <a href="sliders.html">Sliders</a> </li> -->
<!--           <li > <a href="group_list.html">Group list </a> </li> -->
<!--         </ul> -->
<!--       </li> -->
    </ul>
    <!-- END SIDEBAR MENU --> 
  </div>
  <!-- END SIDEBAR -->